.markdown-body
	table
		tr
			display flex
			.gutter
				width 35px
				padding-top 15px
			.gutter, .code
				br
					display block
			.code
				flex 1
.markdown-body
	.highlight
		position relative
		.code
			& > pre
				&:before
					content ''
					position absolute
					border-radius 50%
					background #ff5f56
					width 10px
					height 10px
					top 0
					left 3.6rem
					margin-top 8px
					-webkit-box-shadow 20px 0 #ffbd2e, 40px 0 #27c93f
					box-shadow 18px 0 #ffbd2e, 36px 0 #27c93f
	pre code.hljs
		display block
		overflow-x auto
		padding 1em
		padding-left 0
	code.hljs
		padding 3px 5px
	.hljs
		background-color #652487
		background-image linear-gradient(160deg, #652487 0, #443ac3 35%, #0174b7 68%, #04988e 100%)
		color #e7e4eb
	.hljs-subtr
		color #e7e4eb
	.hljs-comment, .hljs-doctag, .hljs-meta, .hljs-quote
		color #af8dd9
	.hljs-attr, .hljs-regexp, .hljs-selector-id, .hljs-selector-tag, .hljs-tag, .hljs-template-tag
		color #aefbff
	.hljs-bullet, .hljs-params, .hljs-selector-class
		color #f19fff
	.hljs-keyword, .hljs-meta .hljs-keyword, .hljs-section, .hljs-symbol, .hljs-type
		color #17fc95
	.hljs-addition, .hljs-link, .hljs-number
		color #c5fe00
	.hljs-string
		color #38c0ff
	.hljs-addition, .hljs-attribute
		color #e7ff9f
	.hljs-template-variable, .hljs-variable
		color #e447ff
	.hljs-built_in, .hljs-class, .hljs-formula, .hljs-function, .hljs-name, .hljs-title
		color #ffc800
	.hljs-deletion, .hljs-literal, .hljs-selector-pseudo
		color #ff9e44
	.hljs-emphasis, .hljs-quote
		font-style italic
	.hljs-keyword, .hljs-params, .hljs-section, .hljs-selector-class, .hljs-selector-id, .hljs-selector-tag, .hljs-strong, .hljs-template-tag
		font-weight 700
